<div class="relative">
    <!-- Loading svg -->
    <div class="h-8 w-8 rounded-full flex items-center justify-center">
        <svg
            class="h-5 w-5 animate-spin"
            fill="none"
            viewBox="0 0 16 16"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                opacity=".5"
                d="M8 15A7 7 0 108 1a7 7 0 000 14v0z"
                stroke="#fde68a"
                stroke-width="2"
            />
            <path d="M15 8a7 7 0 01-7 7" stroke="#fbbf24" stroke-width="2" />
            <path d="M8 12a4 4 0 100-8 4 4 0 000 8z" fill="#fbbf24" />
        </svg>
    </div>
</div>
